<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://xmlns.jcp.org/jsf/passthrough">
    <h:head>
        <meta charset="utf-8"/>

        <title>
            Login to Blue Pumpin
        </title>

        <!-- Fonts -->
        <link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css"/>
        <link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400italic,700italic,400,700" rel="stylesheet" type="text/css"/>
        <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
        <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css"/>

        <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css"/>

        <link href="css/startbootstrap.css" rel="stylesheet" type="text/css"/>

        <script src="js/html5shiv.js" type="text/javascript"></script>
        <script src="js/respond.min.js" type="text/javascript"></script>

        <style>.carbonad{display:block;background:#fdfdfd;background-image:-moz-linear-gradient(top,#f8f8f8,#fdfdfd);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f8f8f8),color-stop(1,#fdfdfd));border:1px solid #d5d5d5;font-family:Lucida Grande,Arial,Helvetica,sans-serif;font-size:11px;height:118px;line-height:15px;overflow:hidden;width:300px}.carbonad-img{border:none;display:inline;float:left;height:100px;margin:9px;width:130px}.carbonad-text{display:inline;float:left;width:142px;padding-top:13px}.carbonad-text a{color:#000;text-decoration:none;text-transform:none;}.carbonad-tag{float:left;margin-top:9px;text-align:center;width:142px;color:#999}.carbonad-tag a{color:#999;text-decoration:none}</style>

    </h:head>
    <h:body>
        <!-- Navigation -->
        <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
            <div class="container">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <a class="navbar-brand" href="/BluePumpkinCompany/Login.xhtml">Pumpkin</a>
                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        <li>
                            <a href="/BluePumpkinCompany/Help.xhtml" title="Help with Start Bootstrap Templates &amp; Themes">Help</a>
                        </li>
                    </ul>
                </div>
                <!-- /.navbar-collapse -->
            </div>
            <!-- /.container -->
        </nav>


        <header class="marquee">
            <div class="container">
                <span class="brand-name">Login</span>

                <div id="social">
                    <h:form id="frmLogin">
                        <div class="myErrors">
                            <h:messages id="fooMessage"/>
                            <h:outputText value="#{login.error}" style="color:red"/>
                        </div>
                        <div class="divText">
                            <p> <h:inputText id="txtUsername" styleClass="text-input" requiredMessage="Please enter Username!" required="true"  p:placeholder="Username" style="width: 100%;" value="#{login.username}">
                                </h:inputText></p>
                            <h:outputText id="checkErr"></h:outputText>
                            <p> <h:inputSecret id="txtPassword" styleClass="text-input" required="true" requiredMessage="Please enter Password!" p:placeholder="Password" style="width:100%;" value="#{login.password}">
                                </h:inputSecret></p>
                            <h:selectBooleanCheckbox id="ckRemember" value="#{login.rememberUser}"/> Remember Me !
                        </div>
                        <nav>
                            <h:commandButton id="btnLogin" styleClass="btn btn-default btn-cta" value="Sign In" style="width: 205px;" action="#{login.action}">
                            
                            </h:commandButton>

                        </nav>
                    </h:form>
                </div>
            </div>
        </header>
        
        <footer>
            <div class="container">
                <div class="row">
                    <div class="col-lg-12 footer-below">
                        <p><a href="http://www.startbootstrap.com">Blue Pumpkin</a> is a project maintained by Group 1 - C1209I.
                            <br/>&copy; Copyright Blue Pumpkin 2014</p>
                    </div>
                </div>
            </div>
        </footer>
    </h:body>
</html>

